<template>
  <div class="page-user-index">
      <div class="header">
        <van-cell-group inset :border="false">
          <van-cell :label="userInfo.phone">
            <div class="title" slot="title"><b class="ft-17">{{userInfo.name}}</b></div>
            <div class="icon" slot="icon">
              <van-image :src="userInfo.imgUrl" round />
            </div>
          </van-cell>
        </van-cell-group>
      </div>
      <!-- <van-grid clickable :column-num="2" class="nav">
        <van-grid-item v-for="(item,index) in nav" :key="index" :icon="item.icon" :text="item.name" :to="item.url" />
      </van-grid>
      <van-cell-group inset class="menu">
        <van-cell v-for="(item,index) in menu" :key="index" :title="item.name" :icon="item.icon" is-link size="large" :to="item.url">
        </van-cell>
      </van-cell-group> -->
      <div class="nav-title">
        <h3>消息通知</h3>
      </div>
      <van-pull-refresh v-model="list_data.refreshing" @refresh="getList('refresh')">
        <van-empty description="暂时没有数据哦" v-if="list_data.list.length == 0"/>
        <van-list
        v-else
        v-model="list_data.loading"
        :finished="list_data.finished"
        finished-text="没有更多了"
        @load="getList"
        class="fly-card"
      >
        <div class="item" v-for="(item,index) in list_data.list" :key="index" @click="gotoPage(item)">
          <div class="thumb">
            <van-image round src="" />
          </div>
          <div class="content">
            <div class="title">
              预约挂号成功
            </div>
            <div class="desc">
              您已成功挂号心血管内科 刘生医生，请于2022-12-30 09:10准时就诊。
            </div>        
            <div class="link">
              查看详情<van-icon name="arrow" />
            </div>          
          </div>
        </div>
      </van-list>
    </van-pull-refresh>
  </div>
</template>

<script>
import longList from '@/assets/mixins/longList';
export default {
  mixins: [longList],
  data(){
    return{
      userInfo:{
        name: '张三',
        phone: '13800138000',
        imgUrl: ''
      },
      nav:[
        {name: '消息', icon: 'chat', url: '/message/list'},
        {name: '就诊人管理', icon: 'friends', url: '/patient/list'}
      ],
      menu:[
        {name: '预约挂号记录', icon: 'orders-o', url: '/appointment/list'},
        {name: '门诊缴费记录', icon: 'description', url: '/pay/list'}
      ],
      list_api: '/#',
      list:[]
    }
  },
  created(){
    // this.getList('refresh');
  },
  methods:{
    
  },
}
</script>

<style>

</style>